/* ------------------------------------------------------ */
/* --- GESTIONE MENU e VOCI MENU ------------------------ */
/* --- VA ABBINATO A Menu.js ---------------------------- */
/* ------------------------------------------------------ */
#Div-Menu
{
	position:fixed;
	width:90px;
	height:60px;
	top:10px;
	left:20px;				
	
	z-index:91;
	
	cursor:pointer;
	
	background-image:url('../Images/Menu.png'); 
	
	
	/*
	transition-property: height; /*standard* /
	transition-duration: 1s;
	 
	-webkit-transition-property: height;/*Safari e Chrome * /
	-webkit-transition-duration: 1s;  
	         
	-o-transition-property: height;      /*Opera* /
	-o-transition-duration: 1s; 
	  
	-moz-transition-property: height;    /*Firefox* /
	-moz-transition-duration: 1s;*/  
}
/*#Div-Menu:hover{
	height:300px;
}*/
	




#VociMenu{
	display:none;
	position:fixed;

	z-index:92;		
	
	width:300px;		
	top: 15px;		
	left: 110px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
}	

			#VociMenu ul{
				list-style:none;
				margin:0 auto;
				padding:0;	
				
				cursor:pointer;
				
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box; 						
			}	
			
						#VociMenu li{
							width:100%;
							margin:1px 0 1px 0;
							padding:6px;				
							text-align:left;
							

							opacity: 0.96;
							background-color:#000;

							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							box-sizing: border-box; 
										
										
														
							font-family: Verdana, Helvetica, Arial;
							font-size: 20px;
							color:#FFF;
							text-decoration:none;							
							
							-webkit-transition: 0.6s;
							-moz-transition: 0.6s;
							-o-transition: 0.6s;
							transition: 0.6s;								
											
						}		
						#VociMenu li:hover 
						{
							/* escursione del box verso l'alto */
							/* top:-180px; */
							color:#d50707;
						}		





			/* ------------------------------------------------------ */
			/* --- STILE LINK DEL MENU ------------------------------ */
			/* ------------------------------------------------------ */
			.menulink:link, .menulink:visited{
				font-family: Verdana, Helvetica, Arial;
				font-size: 20px;
				color:#FFF;
				text-decoration:none;
			}		
			.menulink:hover{
				font-family: Verdana, Helvetica, Arial;
				font-size: 20px;
				color:#da1d24;
				text-decoration:none;
			}	





				
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* ---------- gestione versione MOBILE sotto i 980px ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 980px) 
{





			/* ------------------------------------------------------ */
			/* --- GESTIONE MENU e VOCI MENU ------------------------ */
			/* ------------------------------------------------------ */
			#Div-Menu
			{
				left:10px;	
			}





			#VociMenu
			{
				left: 101px;	
			}		

						#VociMenu li
						{
							margin:2px 0 2px 0;
						}	





}